<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<script src="static/js/jquery.min.js"></script>
<script src="static/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="static/css/jq22.css"/>
<link rel="stylesheet" href="static/bootstrap-3.3.7-dist/css/bootstrap.css"/>

<style type="text/css">
  #btnLogin {
    margin-top: 30px;
    width: 100%;
    height: 40px;
    line-height: 29px;
    background-color: #2b8cc5;
    color: #fff;
  }

  #msg {
    text-align: center;
    margin-bottom: 10px;
    height: 33px;
    line-height: 33px;
    margin-top: -5px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 8px;
    display: none;

    border: solid 1px #ffc2b3;
    background: #ffd1ca;
    color: red;
  }
</style>
<body>
<div class="container col-md-3  col-sm-5 wow fadeInRight" style="margin-top: 5%;">
  <div class="panel panel-default">
    <div class="panel-body" style="padding: 35px 20px 20px;">

      <div id="msg">
        <span>用户名或密码错误</span>
      </div>

      <form method="post" id="loginForm">
        <div class="form-group">
          <label for="username">用户名</label>
          <input type="text" class="form-control" id="username" name="username" autocomplete="off" placeholder="用户名">
        </div>
        <div class="form-group">
          <label for="password">密码</label>
          <input type="password" class="form-control" id="password" name="password" autocomplete="off" placeholder="密码">
        </div>

        <!-- 验证码  -->
        <div class="form-group">
          <div class="col-md-8 col-sm-8 col-xs-8" style="margin-left: -15px;">
            <label for="yanzhengma">验证码</label>
            <input type="text" class="form-control" id="yanzhengma" name="yanzhengma" autocomplete="off" placeholder="验证码">
          </div>
          <div class="col-md-4 col-sm-4 col-xs-4" style="margin-left: -10px;">
            <!-- <img alt="验证码" src="/images/yanzhengma.jpg" height="50px" width="90px" style="margin-top: 10px"> -->
            <a href="javascript:void(0);" onclick="VerificationCode()">
              <img id="randCodeImage" alt="验证码" src="${pageContext.request.contextPath}/generate.action" width="90px" height="50px" style="margin-top: 10px"/>
            </a>
          </div>
        </div>

        <button type="button" class="btn btn-default" id="btnLogin">登&nbsp;&nbsp;录</button>
      </form>

      <div style="background-color: #f6f6f6; text-align: center; padding: 5px 0px;">
        没有帐号？<a href="${pageContext.request.contextPath}/page/regist.html">注册</a>
      </div>
    </div>
  </div>
</div>
</body>
</html>